<!DOCTYPE html>

<html>
<head>
	<link rel="stylesheet" href="../themes/nokia/base.css" type="text/css" media="screen">

	<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lib/jquery/jquery.scrollTo.js" type="text/javascript" charset="utf-8"></script>

	<script src="../src/core.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/util.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/widget.js" type="text/javascript" charset="utf-8"></script>

	<style type="text/css" media="screen">
		body {
			font-size: 14px;
			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
		}

		.nokia-top, .nokia-bottom {
			display: block;
			background: transparent;
			font-size: 1px;
		}

		.nokia-bcontent {
			display: block;
			padding: 5px 10px;
		}

		.nokia-b1, .nokia-b2, .nokia-b3, .nokia-b4 {
			display: block;
			overflow: hidden;
		}

		.nokia-b1, .nokia-b2, .nokia-b3 {
			height: 1px;
		}

		.nokia-b2, .nokia-b3, .nokia-b4, .nokia-bcontent {
			border: solid #C8C8C8;
			border-width: 0 1px;
			background: #fff;
		}

		.nokia-b1 {
			margin: 0 5px;
			background: #C8C8C8;
		}

		.nokia-b2 {
			margin: 0 3px;
			border-width: 0 2px;
		}

		.nokia-b3 {
			margin: 0 2px;
		}

		.nokia-b4 {
			height: 2px;
			margin: 0 1px;
		}
		
		#xsnazzy {
			width: 200px;
			padding: 30px;
		}
	</style>
</head>

<body>

<br/><br/><div id="switcher"></div><br/><br/>

<h1>Base File</h1>

<div id="xsnazzy" class="">
    <b class="nokia-top">
        <b class="nokia-b1">
        </b>
        <b class="nokia-b2">
        </b>
        <b class="nokia-b3">
        </b>
        <b class="nokia-b4">
        </b>
    </b>
    <div class="nokia-bcontent">
        This is a very nice box with rounded corners using only valid CSS 2.1
    </div>
    <b class="nokia-bottom">
        <b class="nokia-b4">
        </b>
        <b class="nokia-b3">
        </b>
        <b class="nokia-b2">
        </b>
        <b class="nokia-b1">
        </b>
    </b>
</div>

<div id="log"></div>

<script type="text/javascript" charset="utf-8">

	jQuery(document).ready(function() {
		
		jQuery.each(window.menu, function(key, value) {
			var log = jQuery('#log');
			log.append(key + ' : ' + value + '<br/>');
		})

	});

</script>

</body>
</html>